<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.box {
				margin: 50px;
				border: 10px solid yellow;
			}
			
			.sbox {
				margin: 10px;
				border: 3px dashed red;
				height: 100px;
			}
			
			.sbox1 {
				background: black;
				position:relative;
				bottom:20px;
				right:20px;
			}
			
			.sbox2 {
				background: green;
				float:right;
				position:relative;
				left:30px;
				top:30px;
			}
			
			.sbox3 {
				background: blue;
			}
		</style>
	</head>

	<body>
		<div class="box">
			<div class="sbox sbox1">1</div>
			<div class="sbox sbox2">2</div>
			<div class="sbox sbox3">3</div>
		</div>
	</body>

</html>